$(function () {
    // 获取数据，渲染页面
    setInterval(getArticle,1000)
    function getArticle() {
        $.ajax({
            method: "GET",
            url: "/my/article/cates",
            success(res) {
                // console.log(res);
                if (res.status !== 0) {
                    return layui.layer.msg("获取数据失败")
                }
                var tblHtml = template('tpl_table', res)
                $("#tb").html(tblHtml)
            }
        })
    }

    // 弹出添加文章类别
    var indexAdd = null
    $("#btnAddCate").on("click", function () {
        indexAdd = layui.layer.open({
            type: 1,
            area: ['500px', '250px'],
            title: '添加文章分类',
            content: $("#add").html()
        });
    })

    // 添加文章分类
    $(document).on("submit", "#form_add", function (e) {
        e.preventDefault()
        $.ajax({
            method: 'POST',
            url: '/my/article/addcates',
            data: $(this).serialize(),
            success(res) {
                // console.log(res);
                if (res.status !== 0) {
                    return layui.layer.msg("新增分类失败")
                }
                layui.layer.msg("新增分类成功")
                layui.layer.close(indexAdd)
                getArticle()
            }
        })
    })

    // 编辑按钮修改文章
    var indexEdit = null
    $("tbody").on("click", "#btn-edit", function () {
        indexEdit = layui.layer.open({
            type: 1,
            area: ['500px', '250px'],
            title: '修改文章分类',
            content: $("#edit").html()
        });
        // var id = $(this).parent().siblings("input").val()
        var id = $(this).attr("data-id")
        $.ajax({
            method: 'GET',
            url: "/my/article/cates/" + id,
            success(res) {
                layui.form.val("form_edit", res.data)
            }
        })
    })

    // 修改分类
    $(document).on("submit", "#form_edit", function (e) {
        e.preventDefault()
        $.ajax({
            method: "POST",
            url: '/my/article/updatecate',
            data: $(this).serialize(),
            success(res) {
                // console.log(res);
                if (res.status !== 0) {
                    return layui.layer.msg("修改分类失败")
                }
                layui.layer.msg("修改分类成功")
                layui.layer.close(indexEdit)
                getArticle()

            }
        })
    })

    // 删除文章
    $("tbody").on("click", "#delete", function () {
        // var ids = $(this).parent().siblings("input").val()
        var ids = $(this).attr("data-id")
        console.log(ids);
        layui.layer.confirm('你确定要删除吗', {
            icon: 3,
            title: '提示'
        }, function () {
            $.ajax({
                method: "GET",
                url: '/my/article/deletecate/' + ids,
                success(res) {
                    if (res.status !== 0) {
                        return layui.layer.msg('删除文章分类失败')
                    }
                    layui.layer.msg('删除文章分类成功')
                    getArticle()
                }
            })
        })
    })

})